let Template = [
    {
        id: 'Line03_0001',
        component: 'Line03', // string 面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#97A0EF', '#A2CA94', '#A3D1E8', '#F8B98C', '#F19A91', '#C39DE1'], // 面板颜色组 array[string]
            chartOption: {
                type: 'line',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['用电量'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: 'top'
                    },
                    color: ['#97A0EF', '#A2CA94', '#A3D1E8', '#F8B98C', '#F19A91', '#C39DE1'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '20',
                        containLabel: true,
                    },
                    xAxis: {
                        data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [{
                        type: 'line',
                    }]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '用电量',
                index: 1,
                type: 'y'
            }],
            value: [
                ['name', "y1"],
                ['周一', 50],
                ['周二', 100],
                ['周三', 150],
                ['周四', 120],
                ['周五', 90],
                ['周六', 150],
                ['周日', 250],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line03_0002',
        component: 'Line03', // string 面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#71D1DD', '#EC9C81', '#F3E2DC', '#8885D3', '#EBAEA1', '#EBAEA1'], // 面板颜色组 array[string]
            chartOption: {
                type: 'line',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['用电量', '用水量'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: 'top'
                    },
                    color: ['#71D1DD', '#EC9C81', '#F3E2DC', '#8885D3', '#EBAEA1', '#EBAEA1'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                        confine: true,
                        extraCssText: 'z-index: 11'
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'center',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '40',
                        containLabel: true,
                    },
                    xAxis: {
                        data: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '用电量',
                index: 1,
                type: 'y'
            },
            {
                alias: '用水量',
                index: 2,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2"],
                ['Jan', 820, 720],
                ['Feb', 932, 832],
                ['Mar', 901, 501],
                ['Apr', 934, 834],
                ['May', 1290, 690],
                ['Jun', 1330, 830],
                ['Jul', 1320, 920],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line03_0003',
        component: 'Line03', // string 面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#FFC0DD', '#DE6B8D', '#7162C9', '#A174CA', '#B8BAFF', '#D8EBF7'], // 面板颜色组 array[string]
            chartOption: {
                type: 'line',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['国内', '国外'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: 'top'
                    },
                    color: ['#FFC0DD', '#DE6B8D', '#7162C9', '#A174CA', '#B8BAFF', '#D8EBF7'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                        confine: true,
                        extraCssText: 'z-index: 11'
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '40',
                        containLabel: true,
                    },
                    xAxis: {
                        data: ['2015', '2016', '2017', '2018', '2019', '2020', '2021'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '国内',
                index: 1,
                type: 'y'
            },
            {
                alias: '国外',
                index: 2,
                type: 'y'
            },
            {
                alias: '国外3',
                index: 3,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2", "y3"],
                ['2015', 800, 1200, 200],
                ['2016', 900, 900, 900],
                ['2017', 1000, 1000, 400],
                ['2018', 1200, 1100, 654],
                ['2019', 1000, 1300, 765],
                ['2020', 800, 1200, 499],
                ['2021', 600, 2000, 1000],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line03_0004',
        component: 'Line03', // string 面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#ECF1FC', '#A4B7E3', '#6980CD', '#6363A2', '#559B85', '#C8D2B9'], // 面板颜色组 array[string]
            chartOption: {
                type: 'line',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['类别1', '类别2'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: 'top'
                    },
                    color: ['#ECF1FC', '#A4B7E3', '#6980CD', '#6363A2', '#559B85', '#C8D2B9'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                        confine: true,
                        extraCssText: 'z-index: 11'
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '20',
                        containLabel: true,
                    },
                    xAxis: {
                        data: ['类别1', '类别2', '类别3', '类别4', '类别5'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        min: 0,
                        max: 50,
                        interval: 25,
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '类别1',
                index: 1,
                type: 'y'
            },
            {
                alias: '类别2',
                index: 2,
                type: 'y'
            },
            {
                alias: '类别3',
                index: 3,
                type: 'y'
            },
            {
                alias: '类别4',
                index: 4,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2", "y3", "y4"],
                ['类别1', 50, 40, 54, 34],
                ['类别2', 45, 35, 45, 65],
                ['类别3', 25, 50, 23, 45],
                ['类别4', 45, 28, 65, 56],
                ['类别5', 50, 30, 54, 67],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line03_0005',
        component: 'Line03', // string 面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#7DA2EE', '#6A69F5', '#C565F5', '#FA7FFB', '#F2B5DE', '#ECDDE3'], // 面板颜色组 array[string]
            chartOption: {
                type: 'line',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['系列1', '系列2', '系列3'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: 'top'
                    },
                    color: ['#7DA2EE', '#6A69F5', '#C565F5', '#FA7FFB', '#F2B5DE', '#ECDDE3'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                        confine: true,
                        extraCssText: 'z-index: 11'
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '40',
                        containLabel: true,
                    },
                    xAxis: {
                        data: ['类型一', '类型二', '类型三', '类型四', '类型五'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        min:0,
                        max:100,
                        interval:50,
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            // : true,  // 修改全局color
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '系列1',
                index: 1,
                type: 'y'
            },
            {
                alias: '系列2',
                index: 2,
                type: 'y'
            },
            {
                alias: '系列3',
                index: 3,
                type: 'y'
            },
            {
                alias: '系列34',
                index: 4,
                type: 'y'
            },
            {
                alias: '系列5',
                index: 5,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2", "y3", "y4", "y5"],
                ['类型一', 82, 45, 55, 23, 54],
                ['类型二', 20, 40, 99, 54, 34],
                ['类型三', 16, 95, 65, 23, 23],
                ['类型四', 82, 60, 40, 76, 78],
                ['类型五', 40, 70, 42, 75, 34],
            ], // 二维数组 存静态数据 二维数组
        }
    },
    {
        id: 'Line03_0006',
        component: 'Line03', // string 面积图
        style: {
            width: {
                value: 310,
                pixel: 310,
                unit: 'px'
            },
            height: {
                value: 200,
                pixel: 200,
                unit: 'px'
            },
            top: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            left: {
                value: 0,
                pixel: 0,
                unit: 'px'
            },
            bottom: {
                value: '',
                unit: 'px'
            },
            right: {
                value: '',
                unit: 'px'
            },
            backgroundImage: {
                angle: 90,
                color: []
            },
            borderRadius: {
                value: 0,
                unit: 'px'
            },
            borderWidth: 0,
            borderStyle: 'solid', // 边框样式 string
            borderColor: '#FFFFFF',
            boxShadow: {
                level: 0,
                vertical: 0,
                blur: 0,
                spread: 0,
                color: '#000000FF'
            },
            rotate: 0, // 旋转角度 number
            opacity: 100,
            'z-index': 1, // 面板层级 number
            backdropFilter: 0,
            filter: 0
        },
        attribute: {
            visible: true,
            colorGroup: ['#7DA2EE', '#6A69F5', '#C565F5', '#FA7FFB', '#F2B5DE', '#ECDDE3'], // 面板颜色组 array[string]
            chartOption: {
                type: 'line',
                coordinateSystem: 'rightAngle-x', // 坐标系
                chartStyle: {
                    markPoint: {
                        data: [{
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            },
                            {
                                label: {
                                    show: false,
                                    position: 'top',
                                    color: '#00e6ff',
                                    fontStyle: 'normal',
                                    fontWeight: 'normal',
                                    fontSize: '12',
                                }
                            }
                        ]
                    }
                },
                option: {
                    legend: {
                        // data: ['系列1', '系列2', '系列3'],
                        icon: "circle",
                        show: false,
                        itemWidth: 10,
                        itemheight: 10,
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        left: 'left',
                        top: 'top'
                    },
                    color: ['#7DA2EE', '#6A69F5', '#C565F5', '#FA7FFB', '#F2B5DE', '#ECDDE3'],
                    tooltip: {
                        trigger: 'axis',
                        axisPointer: {
                            // 坐标轴指示器，坐标轴触发有效
                            type: 'shadow', // 默认为直线，可选为：'line' | 'shadow'
                        },
                        confine: true,
                        extraCssText: 'z-index: 11'
                    },
                    title: [{
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '18',
                        },
                        left: 'left',
                    }, {
                        text: '',
                        textStyle: {
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '14',
                        },
                        left: 'left',
                        top: '20',
                    }],
                    grid: {
                        left: '3%',
                        right: '3%',
                        bottom: '3%',
                        top: '40',
                        containLabel: true,
                    },
                    xAxis: {
                        data: ['类型一', '类型二', '类型三', '类型四', '类型五'],
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: true,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                            interval: 'auto',
                            rotate: 0
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    yAxis: {
                        type: 'value',
                        min:0,
                        max:100,
                        interval:50,
                        axisTick: { //刻度线
                            show: false,
                        },
                        axisLine: { //轴线
                            show: false,
                            lineStyle: {
                                color: '#35404e',
                                width: 2,
                            },
                        },
                        axisLabel: { //轴标签
                            show: true,
                            color: '#FFFFFF',
                            fontStyle: 'normal',
                            fontWeight: 'normal',
                            fontSize: '12',
                        },
                        splitLine: { //网格线
                            show: false,
                            lineStyle: {
                                color: '#33333333',
                                type: 'dashed'
                            },
                        }
                    },
                    series: [
                        {
                            type: 'line',
                        },
                    ]
                },
            }, // echarts统计图模板 object
            interval: -1, // 定时器间隔（毫秒） number
            page: 0,
            highlight: false, // 组件所属页面
            locked: false
        },
        animate: [],
        event: [],
        data: {
            url: '',// 服务地址
            key: [],// 服务返回对象所选中的array的级联key
            type: 'static',// dynamic 静态数据或接口返回数据
            datatype: 'json', // xml,csv 接口返回数据类型
            method: '0', // 0 get请求、1 post请求 // xml,csv 接口返回数据类型
            field: [{
                alias: '分类',
                index: 0, // 存index
                type: 'x'
            },
            {
                alias: '系列1',
                index: 1,
                type: 'y'
            },
            {
                alias: '系列2',
                index: 2,
                type: 'y'
            },
            {
                alias: '系列3',
                index: 3,
                type: 'y'
            },
            {
                alias: '系列4',
                index: 4,
                type: 'y'
            },
            {
                alias: '系列5',
                index: 5,
                type: 'y'
            },
            {
                alias: '系列6',
                index: 6,
                type: 'y'
            }],
            value: [
                ['name', "y1", "y2", "y3", "y4", "y5", "y6"],
                ['类型一', 82, 45, 55, 65, 23, 98],
                ['类型二', 20, 40, 99, 34, 34, 76],
                ['类型三', 16, 95, 65, 64, 65, 34],
                ['类型四', 82, 60, 40, 23, 45, 67],
                ['类型五', 40, 70, 42, 65, 65, 64],
            ], // 二维数组 存静态数据 二维数组
        }
    },
];
export default Template;